<style>
    .display_none{
        display: none;
    }
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .brush-status {
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
    }
    .circle {
        width: 180px;
        height: 180px;
        position: absolute;
        border-radius: 50%;
        background: rgb(93,159,160);
    }
    .pie_left, .pie_right {
        width: 180px;
        height: 180px;
        position: absolute;
        top: 0;left: 0;
    }
    .left, .right {
        display: block;
        width:180px;
        height:180px;
        background:rgb(221,221,211);
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .pie_right, .right {
        clip:rect(0,auto,auto,100px);
    }
    .pie_left, .left {
        clip:rect(0,100px,auto,0);
    }
    .mask {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        left: 25px;
        top: 25px;
        background: #FFF;
        position: absolute;
        text-align: center;
        line-height: 130px;
        font-size: 16px;
    }

</style>
<table style="width: 100%;height: 100%">
    {% if Form is defined %}
        <tr style="height: 48px" valign="top" >
            <td><div  style="width: 100%;background-color: #ccc;"><label id="title_school" style="text-align: center;font-size: 20px;width: 100%;margin: 10px;letter-spacing: 2px;"> <a id="tabReturn"  class="btn btn-sm btn-default pull-right return" style="margin-right: 20px">返回</a></label></div></td>
        </tr>
        <tr id="contentForm" style="display: none">
            <td valign="top">
                <div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;">
                    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
                        <div  class="widget-tab clearfix">
                            <ul class="tab-bar" >
                                <li class="active"><a href="#style3Tab1" data-toggle="tab"> 学校主页</a></li>
                                {% if power['schoolProject'] %}
                                    <li class=""><a href="#style3Tab10" data-toggle="tab">项目历史</a></li>
                                {% endif %}
                                {% if power['bookVer'] %}
                                    <li class=""><a href="#style3Tab7" data-toggle="tab">教材版本</a></li>
                                {% endif %}
                                {% if power['schoolShare'] %}
                                    <li class=""><a href="#style3Tab2" data-toggle="tab">教师交流分享</a></li>
                                {% endif %}
                                {% if power['runCase'] %}
                                    <li class=""><a href="#style3Tab3" data-toggle="tab"> 运营案例</a></li>
                                {% endif %}
                                <li class=""><a href="#style3Tab4" data-toggle="tab"> 联系人</a></li>
                                {% if power['activity'] %}
                                    <li class=""><a href="#style3Tab5" data-toggle="tab"> 学校活动</a></li>
                                {% endif %}
                                {% if power['tchBook'] %}
                                    <li class=""><a href="#style3Tab6" data-toggle="tab">书本使用</a></li>
                                {% endif %}
                                {% if power['schoolVisit'] %}
                                    <li class=""><a href="#style3Tab8" data-toggle="tab">外校参观</a></li>
                                {% endif %}
                                <li class=""><a href="#style3Tab9" data-toggle="tab">功能模块</a></li>
                            </ul>
                        </div>
                        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
                            <div class="tab-content" style="height: 100%;width: 100%;">
                                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;">
                                    {% if power['schoolStat'] %}
                                        <div class="row">
                                            <div class="col-md-8 col-lg-8">
                                                <div id="stat-class" style="width: 24%; height: 190px; display: inline-block"></div>
                                                <div id="stat-teacher-sex" style="width: 24%; height: 190px; display: inline-block"></div>
                                                <div id="stat-teacher-age" style="width: 24%; height: 190px; display: inline-block"></div>
                                                <div id="stat-student-sex" style="width: 24%; height: 190px; display: inline-block"></div>
                                            </div>
                                            <div class="col-md-4 col-lg-4">
                                                <div id="stat-right" style="width: 100%; height: 200px; display: inline-block"></div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6 col-lg-6">
                                                <div class="smart-widget" style="min-width:570px;">
                                                    <div class="smart-widget-header" style="background-color: cadetblue; color: #ffffff;">当月数据得分</div>
                                                    <div class="smart-widget-inner">
                                                        <div class="smart-widget-body" style="height: 200px;">
                                                            <div class="circle" style="margin-left: 50px; margin-top: -5px;">
                                                                <div class="pie_left"><div class="left"></div></div>
                                                                <div class="pie_right"><div class="right"></div></div>
                                                                <div class="mask"><span>0</span>%</div>
                                                            </div>
                                                            <div style="float: right; margin-bottom: 10px;">
                                                                <p>总分：120</p>
                                                                <p id="final_score"></p>
                                                                <p id="end_time"></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-6">
                                                <div class="smart-widget" style="min-width:770px;">
                                                    <div class="smart-widget-header" style="background-color: cadetblue; color: #ffffff;">运营状况</div>
                                                    <div id="chart_examine" style="width: 100%; height: 200px; display: inline-block;"></div>
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}
                                    <div class="row">
                                        <div class="col-md-6 col-lg-6">
                                            <div class="smart-widget" style="min-width:570px;">
                                                <div class="smart-widget-header" style="background-color: cadetblue; color: #ffffff;">管理 <span style="float: right"><a
                                                                href="javascript:;" style="color: #ffffff" class="manager-more">更多>></a></span></div>
                                                <div class="smart-widget-inner" style="height: 338px;">
                                                        {% if power['School_List_Stud'] %}
                                                            <div class="btn btn-default student" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-user"></i></p>
                                                                <p style="text-align:center;">学生管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_Tch'] %}
                                                            <div class="btn btn-default tch" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-user"></i></p>
                                                                <p style="text-align:center;">教师管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_Group'] %}
                                                            <div class="btn btn-default app-group" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-th"></i></p>
                                                                <p style="text-align:center;">应用组管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_Manage'] %}
                                                            <div class="btn btn-default sch" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-home"></i></p>
                                                                <p style="text-align:center;">学校管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_App'] %}
                                                            <div class="btn btn-default app" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-th"></i></p>
                                                                <p style="text-align:center;">应用管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_QBank'] %}
                                                            <div class="btn btn-default question-bank" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-book"></i></p>
                                                                <p style="text-align:center;">题库管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_OtherUser'] %}
                                                            <div class="btn btn-default other-user" style="height:80px;width: 15%; padding-top: 14px;margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-user"></i></p>
                                                                <p style="text-align:center;">其它用户</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_BrushGroup'] %}
                                                            <div class="btn btn-default question-king" style="height:80px;width: 15%; padding-top: 14px; margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-pencil"></i></p>
                                                                <p style="text-align:center;">刷题王管理</p>
                                                            </div>
                                                        {% endif %}

                                                        {% if power['School_List_Books'] %}
                                                            <div class="btn btn-default school-book" style="height:80px;width: 15%; padding-top: 14px;margin-top: 30px; margin-left: 30px;">
                                                                <p style="text-align:center;"><i class="glyphicon glyphicon-book"></i></p>
                                                                <p style="text-align:center;">校本库</p>
                                                            </div>
                                                        {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-6">
                                            <div class="smart-widget" style="min-width:650px;">
                                                <div class="smart-widget-header" style="background-color: cadetblue; color: #ffffff;">基本信息<span style="float: right"><a
                                                                href="javascript:;" style="color: #ffffff" class="school-edit">编辑</a></span></div>
                                                <div class="smart-widget-inner">
                                                    <div class="smart-widget-body">
                                                        <form id="xh_form" class="xh-form xh-hidden" method="post" readonly="true">
                                                            <div class="xh-area-form">
                                                                {{ Form }}
                                                            </div>
                                                            <div class="xh-area-button" style="padding-left: 65px;">
                                                                {% if power['schoolEdit'] %}
                                                                    <a id="bt_form_edit" class="btn btn-success" plain="true" disabled="disabled">保存</a>
                                                                {% endif %}
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="style3Tab10" style="height: 100%;width: 100%;">
                                    <iframe id="projectHistory" name="projectHistory"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>
                                {% if power['bookVer'] %}
                                    <div class="tab-pane fade" id="style3Tab7" style="height: 100%;width: 100%">
                                        <iframe id="bookVerFrame" name="bookVerFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                {% if power['schoolShare'] %}
                                    <div class="tab-pane fade" id="style3Tab2" style="height: 100%;width: 100%">
                                        <iframe id="shareFrame" name="shareFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                {% if power['runCase'] %}
                                    <div class="tab-pane fade" id="style3Tab3" style="height: 100%;width: 100%">
                                        <iframe id="caseFrame" name="caseFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                <div class="tab-pane fade" id="style3Tab4" style="height: 100%;width: 100%;">
                                    <iframe id="contactFrame" name="contactFrame"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>
                                {% if power['activity'] %}
                                    <div class="tab-pane fade" id="style3Tab5" style="height: 100%;width: 100%;">
                                        <iframe id="activityFrame" name="activityFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                {% if power['tchBook'] %}
                                    <div class="tab-pane fade" id="style3Tab6" style="height: 100%;width: 100%;">
                                        <iframe id="tchBookFrame" name="tchBookFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                {% if power['schoolVisit'] %}
                                    <div class="tab-pane fade" id="style3Tab8" style="height: 100%;width: 100%;">
                                        <iframe id="schoolVisitFrame" name="schoolVisitFrame"
                                                style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                                scrolling="yes"></iframe>
                                    </div>
                                {% endif %}
                                <div class="tab-pane fade" id="style3Tab9" style="height: 100%;width: 100%;">
                                    <iframe id="funcModel" name="funcModel"
                                            style="width: 100%;height: 100%;border-style: none;padding: 0px;"
                                            scrolling="yes"></iframe>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    {% endif %}
</table>
<script>
    var schoolId = '{{ schoolId }}';
    var schoolName = '{{ schoolName }}';
</script>
